@main-text: #3b3b3b;

@primary-color: #2B83FF;
@main-orange: #F9483E;

@side-bg: #F8F8F8;
@title-bg: @side-bg;
@border-color: #E5E5E5;
@heavy-border-color: #888;

@selected-bg: #bfc4da80;
@hover-bg: #dcdcdc80;

@weak-bg: #F3F3F3;
@weak-text: #777;
@footer-text: #CCC;

@toolbar-btn-bg: #E9E9E9;

@layout-space: 20px;

@side-horizontal-padding: 10px;
@side-vertical-spacing: 10px;

@layout-extension-space-horizontal: 20px;
@layout-extension-space-vertical: 20px;

.clear-button-container {
  width: 28;
  height: 28;
  border-radius: 4px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 4px 0;
  position: fixed;
  top: 94px;
  right: 40px;
  background: #fff;
  z-index: 999;
  border: 1px solid rgba(240, 240, 240);
}